<template>
  <div>
    <MainTwoColumn>
      <template #left>
        <div class="search-wrap">
          <search></search>
        </div>
        <MainList></MainList>
      </template>
      <template #right>
        <ChatCon></ChatCon>
      </template>
    </MainTwoColumn>
  </div>
</template>

<script>
import MainTwoColumn from "../../components/MainTwoColumn.vue";
import MainList from "./Chat/List.vue";
import ChatCon from "./Chat/ChatCon.vue";
import user_m from "../../api/Index/user";
import Search from "../../components/Search.vue";
export default {
  data() {
    return {};
  },
  components: {
    MainTwoColumn,
    MainList,
    ChatCon,
    Search,
  },
  methods: {},
  mounted() {},
};
</script>
<style lang="less" scoped>
.search-wrap {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #ccc;
  background-color: rgb(247, 247, 247);
}
</style>